/*登录页的pc端样式
   by：Mr_wu
*/

.login-page {
    color: red;
    background-color: red;
    width: 100vw;
    height: 100vh;
    /*background-color: #2d3a4b;*/
    background-image: url("../../assets/image/bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.form {
    float: right;
    width: 450px;
    max-width: 100%;
    padding: 240px 35px 0;
    margin:0 18% 0 0;
    overflow: hidden;
}
.title {
    font-size: 26px;
    color:#3487E8;
    margin: 60px auto 50px auto;
    font-weight: bold;
}
.el-input {
    margin-bottom: 20px;
    border-radius: 18px !important;
    border: none !important;
}
.button {
    margin-top: 20px;
    width: 100%;
}
/*//宽度媒体查询*/
@media screen and (max-width: 1700px){
    .login-page {
        width: 100vw;
        height: 100vh;
        /*background-color: #2d3a4b;*/
        background-image: url("../../assets/image/bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .form {
        float: right;
        width: 380px;
        max-width: 100%;
        padding: 240px 35px 0;
        margin:0 18% 0 0;
        overflow: hidden;
    }
    .title {
        font-size: 22px;
        color:#3487E8;
        margin: 60px auto 50px auto;
        font-weight: bold;
    }
}
@media screen and (max-width: 1300px){
    .login-page {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-image: url("../../assets/image/bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-attachment:fixed;
    }
    .form {
        float: right;
        width: 380px;
        max-width: 100%;
        padding: 240px 35px 0;
        margin:0 15% 0 0;
        overflow: hidden;
    }
    .title {
        font-size: 22px;
        color:#3487E8;
        margin: 60px auto 50px auto;
        font-weight: bold;
    }
}
@media screen and (max-width: 1150px){
    .login-page {
        position: fixed;
        width: 1150px;
        height: 100%;
        overflow: hidden;
        background-image: url("../../assets/image/bg.png");
        background-repeat: no-repeat;
        background-size: 1150px 100%;
        background-attachment:fixed;
    }
    .form {
        float: right;
        width: 380px;
        max-width: 100%;
        padding: 240px 35px 0;
        margin:0 15% 0 0;
        overflow: hidden;
    }
    .title {
        font-size: 22px;
        color:#3487E8;
        margin: 60px auto 50px auto;
        font-weight: bold;
    }
}
/*高度查询*/
@media screen and (max-height: 800px){
    .form {
        padding: 190px 35px 0;
    }
}
@media screen and (max-height: 650px){
    .form {
        padding: 120px 35px 0;
    }
}
